<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
      <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>chinaz</title>
	<!-- Bootstrap Styles-->
    <link href="../assets/css/bootstrap.css" rel="stylesheet" />
     <!-- FontAwesome Styles-->
    <link href="../assets/css/font-awesome.css" rel="stylesheet" />
     <!-- Morris Chart Styles-->
   
        <!-- Custom Styles-->
    <link href="../assets/css/custom-styles.css" rel="stylesheet" />
     <!-- Google Fonts-->
    <link href='http://fonts.useso.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" />
     <!-- TABLE STYLES-->
    <link href="../assets/js/dataTables/dataTables.bootstrap.css" rel="stylesheet" />
    <link href="../layer/theme/default/layer.css" rel="stylesheet" />

    <input hidden id="tbody" value="" />
</head>
<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/quesPhone/getinfo.do"><strong>问卷调查信息平台</strong></a>
            </div>

            <ul class="nav navbar-top-links navbar-right">
                <ul class="nav navbar-top-links navbar-right">
                    <li class="dropdown">
                       
                    </li>
                    <!-- /.dropdown -->
                    <li class="dropdown">
                        
                    </li>
                    <!-- /.dropdown -->
                    <li class="dropdown">
                       
                    </li>
                    <!-- /.dropdown -->
                    <li class="dropdown">
                        
                    </li>
                    <!-- /.dropdown -->
                </ul>
            </ul>
        </nav>
        <!--/. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li>
                        <a href="/quesPhone/getinfo.do?comm6=1" class="active-menu"><i class="fa fa-table"></i> 问卷信息</a>
                        <a href="/quesPhone/getinfo.do?comm6=2" class="active-menu"><i class="fa fa-table"></i> Logo名称问卷信息</a>
                    </li>
                </ul>

            </div>

        </nav>
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper" >
		  <div class="header"> 
                        <h1 class="page-header">
                            Logo名称问卷信息 <small>all info</small>
                        </h1>
						<ol class="breadcrumb">
					  <li><a href="#">Home</a></li>
					  <li><a href="#">问卷信息</a></li>
					  <li class="active">AllData</li>
					</ol> 
									
		</div>
		
            <div id="page-inner"> 
               
            <div class="row">
                <div class="col-md-12">
                    <!-- Advanced Tables -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                             Advanced Tables
                        </div>
                        <form id="form1" action="/quesPhone/datescop.do">
                            <span style="margin-left:30px;">请选择筛选日期：</span>
                            <input hidden="hidden" value="2" th:name="comm6" />
                            <input autocomplete="off" style="height:30px;width: 150px; margin-left:30px;" th:name="date1" th:type="text" class="layui-input" id="date1" /> --
                            <input autocomplete="off" style="height:30px;width: 150px;" th:name="date2" th:type="text" class="layui-input" id="date2" />
                            <button style="margin-left:30px;" th:type="button" th:onclick="'javascript:sub();'" id="subb" class="btn btn-default">查询</button>
                        </form>
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                    <thead>
                                        <tr>
                                            <th>编号CODE</th>
                                            <th>所在地区</th>
                                            <th>联系人微信昵称/微信号（方便联系）</th>
                                            <th>主营业务</th>
                                            <th>注册类别</th>
                                            <th>设计规格</th>
                                            <th>其他</th>
                                            <th>详细信息</th>
                                        </tr>
                                    </thead>
                                    <tbody id = "infos">
                                        <tr th:each="info : ${infos}">
                                            <td th:text="${info.id}"></td>
                                            <td th:text="${info.logeNameCN}"></td>
                                            <td th:text="${info.logeNameEN}"></td>
                                            <td th:text="${info.linkman}"></td>
                                            <td th:text="${info.phone}"></td>
                                            <td th:text="${info.brief}"></td>
                                            <td th:text="${info.mean}"></td>
                                            <td><a th:onclick="'javascript:openDetl(\''+${info.id}+'\');'">详情</a></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            
                        </div>
                    </div>
                    <!--End Advanced Tables -->
                </div>
            </div>
        </div>
    </div>
             <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
     <!-- /. WRAPPER  -->
    <!-- JS Scripts-->
    <!-- jQuery Js -->
    <script src="../assets/js/jquery-1.10.2.js"></script>
    <script src="../layer/layer.js"></script>
    <script src="../laydate/laydate.js"></script>
      <!-- Bootstrap Js -->
    <script src="../assets/js/bootstrap.min.js"></script>
    <!-- Metis Menu Js -->
    <script src="../assets/js/jquery.metisMenu.js"></script>
     <!-- DATA TABLE SCRIPTS -->
    <script src="../assets/js/dataTables/jquery.dataTables.js"></script>
    <script src="../assets/js/dataTables/dataTables.bootstrap.js"></script>

        <script>
            $(document).ready(function () {
                $('#dataTables-example').dataTable();
            });
            //日期时间范围
            //常规用法
            laydate.render({
                elem: '#date1'
            });
            laydate.render({
                elem: '#date2'
            });

            function openDetl(id){
               layer.open({
                    type: 2,
                    title: '用户所有信息页',
                    area: ["80%", "20%"],
                    content: '/quesPhone/empty2.do?id='+id
                });
            }
            function sub() {
                var date1 = $("#date1").val();
                var date2 = $("#date2").val();
                if(date1 != "" && date1 != null && date2 != "" && date2 != null){
                    if(date1>date2){
                        layer.alert("初始日期不能大于结束日期!");
                    }else{
                        $("#form1").submit();
                    }
                }else{
                    window.location.href = "/quesPhone/getinfo.do?comm6=2";
                }
            }
    </script>
    <!-- Custom Js -->
    <script src="../assets/js/custom-scripts.js"></script>
</body>
</html>
